<template>
  <div>
    <p>{{ abc }}</p>
    <p>{{ def }}</p>
    <p>{{ def }}</p>
    <p>{{ def }}</p>
    <p>{{ def }}</p>
    <p>{{ def }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      a: 1,
      b: 2,
      mast: "hollo,mrzhang",
    };
  },
  computed: {
    abc() {
      // console.log("abc执行了");
      return this.a + this.b;
    },
    def() {
      console.log("def执行了");
      return this.mast.split("").reverse().join("");
    },
  },
  methods: {
    getM() {
      console.log("getM执行了");
      return this.mast.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>